<%--
  Created by IntelliJ IDEA.
  User: EZTTU
  Date: 2022/5/3
  Time: 22:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <!-- 页面编码 -->
    <meta charset="UTF-8">
    <!-- 响应式布局 -->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <script src="${pageContext.request.contextPath}/static/js/signup.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/signup.css">
    <!-- Bootstrap样式文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <title>注册</title>
</head>

<body class="container">
<div class="head"><h1 style="font-weight: bold">欢迎注册</h1></div>
<div class="bk00">

    <div>
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 bk">
                <!-- 表单  水平表单-->
                <div class="">
                    <form class="form-horizontal" onsubmit="return checkForm()"
                          action="${pageContext.request.contextPath}/user/signupGeneral" method="post">

                        <!-- 电子邮件 -->
                        <h4>Sign up</h4>
                        <div id="emailDiv" class="form-group has-feedback">
                            <label class="col-sm-2 control-label" for="email">Email</label>
                            <div class="col-sm-8  ">
                                <input type="email" class="form-control" id="email" placeholder="Enter email"
                                       name="email" required>
                                <span class=""></span>
                            </div>
                        </div>
                        <!-- 用户名 -->
                        <div id="usernameDiv" class="form-group has-feedback ">
                            <label class="col-sm-2 control-label" for="username">用户名</label>
                            <div class="col-sm-8  ">
                                <input type="text" class="form-control" id="username" placeholder="Enter username"
                                       name="userName">
                            </div>
                            <label id="usernameMsg" class="col-sm-2 control-label error"></label>
                        </div>

                        <!-- 密码 -->
                        <div id="passwordDiv" class="form-group has-feedback">
                            <label class="col-sm-2 control-label" for="password">密码</label>
                            <div class="col-sm-8  ">
                                <input type="password" class="form-control" id="password" placeholder="Enter password"
                                       name="password">
                            </div>
                            <label id="passwordMsg" class="col-sm-2 control-label error"></label>
                        </div>
                        <!-- 确认密码 -->
                        <div id="repasswordDiv" class="form-group has-feedback">
                            <label class="col-sm-2 control-label" for="repassword">确认密码</label>
                            <div class="col-sm-8  ">
                                <input type="password" class="form-control" id="repassword" placeholder="Enter password"
                                       name="repassword">
                            </div>
                            <label id="repasswordMsg" class="col-sm-2 control-label error"></label>
                        </div>
                        <!-- 验证码 -->
                        <div id="identifyDiv" class="form-group has-feedback">
                            <label class="col-sm-2 control-label identify" for="code_input">验证码</label>
                            <div class="col-sm-4 identify">
                                <input type="text" id="code_input" value="" placeholder="请输入验证码" class="form-control"/>
                                <!-- id="identify" -->
                            </div>
                            <div class="col-sm-4" id="v_container" style="width: 160px;height: 50px;"></div>
                            <label id="identifyMsg" class="col-sm-2 control-label error"></label>
                        </div>
                        <!-- 功能按钮 -->
                        <p class="button">
                            <button id="btnSubmit" type="submit" class="btn btn-primary register">
                                注册
                            </button>
                        </p>
                        <p>已有帐号？<a href="${pageContext.request.contextPath}/door/toLoginPaper">立即登录</a></p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="navbar-fixed-bottom text-center">
    &copy; 2022·Z²L²Y
</footer>
</body>
<script>
    var verifyCode = new GVerify("v_container");
</script>
</html>
